<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commond/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>档期网</title>
<link rel="shortcut icon" href="${ctx }/image/logo_ico.ico" />
<s:include value="/commond/keydesc.jsp"></s:include>
<link href="${ctx }/css/head/head.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/view_fun.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/my_event.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/invite/set_ctday.css" rel="stylesheet" type="text/css" />
<link href="${ctx }/css/loading.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx}/js/common/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/common/common.js"></script>
<script type="text/javascript" src="${ctx }/js/invite/invite_mode.js"></script>
<script type="text/javascript" src="${ctx}/js/control/calendar.js"></script>
<script type="text/javascript" src="${ctx}/js/invite/set_ctday.js"></script>
</head>
<body>
<s:include value="/head.jsp"></s:include>

<div class="today_event">
	<div class="today_center">
		<div class="today_centerleft">
			<div class="tevent_title" id="divtodaydetailtime">
			</div>
		</div>
		<div class="today_centerright">
			
			<div class="invite_mouth_fun" id="calendar_monthcontrolbar">
				<div style="float: left;margin-left: 5px;height: 1px;"></div>
				<a id="mouth_fun_prevyear" title="上一年" class="y_left"></a>
				<a id="mouth_fun_prevmonth" title="上一月" class="m_left"></a>
				<select onchange="changeMonthView()" id="mouth_fun_view_year">
				</select>
				<span class="nian"></span>
				<select style="margin-left: 8px;width: 40px;" onchange="changeMonthView()" id="mouth_fun_view_month">
					<option value="0">1</option>
					<option value="1">2</option>
					<option value="2">3</option>
					<option value="3">4</option>
					<option value="4">5</option>
					<option value="5">6</option>
					<option value="6">7</option>
					<option value="7">8</option>
					<option value="8">9</option>
					<option value="9">10</option>
					<option value="10">11</option>
					<option value="11">12</option>
				</select>
				<span class="yue"></span>
				<a id="mouth_fun_nextmonth" title="下一月" class="m_right"></a>
				<a id="mouth_fun_nextyear" title="下一年" class="y_right"></a>
				<span onclick="currentMonthClick()" class="btm_tmonth"></span>
	      </div>
      </div>
	</div>
</div>
<table class="main" cellpadding="0" cellspacing="0" style="height: 450px;">
	<tr>
        <!-- 左边主体  -->
        <td class="center">
        	<div class="center">
            <!-- 年视图功能  -->
            
            <div class="mouth_view" style="">
            	<div class="mouth_viewtop" style="">
            		<div class="corner"></div>
            	</div>
            	<div class="someday" style="">
            		<div class='somedaytitle' style=""></div>
            		<ul id="somedaycontent" class="somedaycontent">
            		</ul>
            	</div>
            	<div class="alldays">
            		<div class='alldaystitle' style=""></div>
            		<ul id="alldayscontent" class="somedaycontent" style="height: 180px;">
            		</ul>
            	</div>
            	<div class="addmemoday">
            		<div class="pages" id="pagingcontent">
            		</div>
            		<div class="pagecount" style="float: left;" id="pagecount">
            		</div>
            		<a onclick="quickaddshow();" class='addbtn'></a>
            	</div>
            </div>
        	<div style="float: right;width: 378px;margin-top: 10px;border: 1px solid #9da2a8;background:#ffffff;padding:5px;">
        		<table cellpadding="0" cellspacing="0" width="100%" id="smallcalendar">
        			<thead>
        			<tr class="sweektitle">
        				<td class="sun"></td>
                        <td class="mon"></td>
                        <td class="tue"></td>
                        <td class="wed"></td>
                        <td class="thu"></td>
                        <td class="fri"></td>
                        <td class="sta"></td>
        			</tr>
        			</thead>
        			<tbody>
        				<tr class="monthcontent">
	                            <td class="" id="tdmonth0">
	                            	<div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth1">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth2">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth3">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth4">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth5">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth6">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                            </tr>
                            <tr class="monthcontent">
                                <td class="" id="tdmonth7">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth8">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth9">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth10">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth11">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth12">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth13">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                            </tr>
                            <tr class="monthcontent">
                                <td class="" id="tdmonth14">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth15">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth16">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth17">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth18">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth19">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth20">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                            </tr>
                            <tr class="monthcontent">
                                <td class="" id="tdmonth21">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth22">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth23">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth24">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth25">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth26">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth27">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                            </tr>
                            <tr style="display: none;" id="monthlast1" class="monthcontent">
                                <td class="" id="tdmonth28">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth29">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth30">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth31">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth32">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth33">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth34">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                            </tr>
                            <tr style="display: none;" id="monthlast2" class="monthcontent">
                                <td class="" id="tdmonth35">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth36">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth37">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth38">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth39">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth40">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                                <td class="" id="tdmonth41">
                                    <div class="sun"></div>
	                            	<div class="eventsign"></div>
	                            	<div class="lunar"></div>
                                </td>
                            </tr>
        			</tbody>
        		</table>
        	</div>
        	</div>
        </td>
        <!-- 左边主体  -->
	</tr>
</table>
<s:include value="/foot.jsp"></s:include>
<!-- 中间部分结束 -->
<div id="td_box_quickclip" style="display: none;">
	<div class="optdiv">
    	<a class="opt" onclick="hideQuickclip('td_box_quickclip');"></a>
	</div>
	<div class="td_box" style="width: 310px;">
		<div class="td_boxtitle">
			<span></span>
		</div>
	    <div style="" class="td_box_inner">
	    	<ul class="quickcontent">
	    		<li class="line">
	    			<span class="title"></span>
	    			<input type="text" class="titleipt" id="quickcliptitle">
	    		</li>
	    		<li class="line">
	    			<span class="time"></span>
	    			<input type="text" class="timeipt" id="quickclipdate" onfocus="jQ(this).blur();">
	    		</li>
	    		<li class="line" style="padding: 0 20px;">
	    			<img alt="分割线" src="${ctx }/image/set_ctday/line.jpg">
	    		</li>
	    		<li class="line">
	    			<span class="alert" title="设置提醒" onclick="setAlertStatusChange(this)"></span>
	    			<input type="text" class="timeipt setalert" id="quickclipalertdate" onfocus="jQ(this).blur();">
	    		</li>
	    		<li class="line">
	    			<a class="minus setalert" onclick="hourminus(jQ(this).next());" style="margin-left: 85px;"></a>
	    			<input type="text" class="houript setalert" value="0" id="quickclipalerthour" onblur="hourinput(this);" maxlength="2">
	    			<a class="plus setalert" onclick="hourplus(jQ(this).prev());"></a>
	    			<span class="hour setalert"></span>
	    			<a class="minus setalert" onclick="minminus(jQ(this).next());"></a>
	    			<input type="text" class="houript setalert" value="0" id="quickclipalertmin" onblur="mininput(this);" maxlength="2">
	    			<a class="plus setalert" onclick="minplus(jQ(this).prev());"></a>
	    			<span class="minute setalert"></span>
	    			<a onclick="changeMobileStatus(this);" title="短信提醒" class="mobilemsg setalert" id="quickclipalertmobile" style="display: none;"></a>
	    		</li>
	    		<li class="line">
	    			<span class="info" id="quickclipinfo" style="display: none;"></span>
	    			<button class="cancel" onclick="hideQuickclip('td_box_quickclip');"></button>
	    			<button class="confirm" onclick="addclip();"></button>
	    		</li>
	    	</ul>
	    </div>
	</div>
</div>

<div id="td_box_quickalert" style="">
	<div class="optdiv">
		<a class="corner"></a>
		<a class="close" onclick="hideQuickclip('td_box_quickalert');"></a>
	</div>
	<div class="alertbox">
		<span class="alert"></span>
		<input type="text" class="timeipt" id="memoclipalertdate" onfocus="jQ(this).blur();">
		<a class="minus" onclick="hourminus(jQ(this).next());"></a>
		<input type="text" class="houript" value="0" id="memoclipalerthour" onblur="hourinput(this);" maxlength="2">
		<a class="plus" onclick="hourplus(jQ(this).prev());"></a>
		<span class="hour"></span>
		<a class="minus" onclick="minminus(jQ(this).next());"></a>
		<input type="text" class="houript" value="0" id="memoclipalertmin" onblur="mininput(this);" maxlength="2">
		<a class="plus" onclick="minplus(jQ(this).prev());"></a>
		<span class="minute"></span>
		<a onclick="changeMobileStatus(this);" title="短信提醒" class="mobilemsg" id="memoclipalertmobile"></a>
		<button class="confirm" onclick="addClock();"></button>
		<div class="errorinfo" id="memocliperrorinfo"></div>
	</div>
</div>

<div class="monthviewopt" style="display: none;" id="viewopt">
	<img src="${ctx }/image/load.gif" style="display: none;margin-left: 120px;margin-top: 25px;" align="middle" id="viewopt_img"></img>
	<p style="text-indent: 30px;font-size:15px;" id="viewopt_p"></p>
</div>
<div class="loading" id="loadingui" style="display: none;">
	<span class="logo"></span>
	<span class="loading"></span>
</div>
</body>
</html>